{% extends "base.html" %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">搜索结果</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>总排名</th>
                        <th>性别排名</th>
                        <th>组别排名</th>
                        <th>组别</th>
                        <th>参赛号</th>
                        <th>国家</th>
                        <th>官方时间</th>
                        <th>净时间</th>
                    </tr>
                </thead>
                <tbody>
                    {% for runner in runners %}
                    <tr>
                        <td>{{ runner['Overall Position'] }}</td>
                        <td>{{ runner['Gender Position'] }}</td>
                        <td>{{ runner['Category Position'] }}</td>
                        <td>{{ runner['Category'] }}</td>
                        <td>{{ runner['Race No'] }}</td>
                        <td>{{ runner['Country '] }}</td>
                        <td>{{ runner['Official Time'] }}</td>
                        <td>{{ runner['Net Time'] }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}